<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<input type="text" v-model="question"/>
	       <h1>第03节--计算属性和侦听器</h1>
	       <h2>在模板中放入太多的逻辑会让模板过重且难以维护，对于复杂的逻辑应当使用计算属性computed</h2>
	       <hr />
	       <h2>数据message使用computed计算属性进行翻转--{{reverseMessage}}</h2>
	       <hr />
	       <h2>数据message在表达式中调用方法进行翻转--{{reverseMessage2()}}</h2>
	       <hr />
	       <h2>计算属性是基于它们的依赖进行缓存的--日期数据是--{{now}}</h2>
	       <h2>相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。</h2>
	       <hr />
	       <h2>侦听属性watch--需要在数据变化时执行异步或开销较大的操作时可以使用</h2>
		</div>
	</body>
</html>
